<!DOCTYPE html><!--  Last Published: Tue Aug 12 2025 08:55:34 GMT+0000 (Coordinated Universal Time)  -->
<html data-wf-page="6746c68e6f85582138361fe7" data-wf-site="6746c68e6f85582138361fe0">
<head>
  <meta charset="utf-8">
  <title>發Lab / GreenDragon Lab</title>
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <link href="css/normalize.css" rel="stylesheet" type="text/css">
  <link href="css/webflow.css" rel="stylesheet" type="text/css">
  <link href="css/greendragon-lab-275eeb.webflow.css" rel="stylesheet" type="text/css">
  <script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
  <link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
  <link href="images/webclip.png" rel="apple-touch-icon">
  <script>
document.addEventListener('DOMContentLoaded', function() {
  const wrapper = document.querySelector('.slides-wrapper');
  const navNumbers = document.querySelectorAll('.nav-number');
  // 显示指定幻灯片的函数
  function showSlide(n) {
    wrapper.classList.remove('show-slide-1', 'show-slide-2', 'show-slide-3', 'show-slide-4', 'show-slide-5');
    wrapper.classList.add(`show-slide-${n}`);
    navNumbers.forEach((num, index) => {
      if (index + 1 === n) {
        num.classList.add('active');
      } else {
        num.classList.remove('active');
      }
    });
  }
  let currentSlide = 1;
  showSlide(currentSlide); // 页面加载时显示第 1 张
  // 每 5 秒自动切换
  setInterval(() => {
    currentSlide = (currentSlide % 5) + 1; // 循环 1 到 5
    showSlide(currentSlide);
  }, 5000);
  // 点击导航数字切换幻灯片
  navNumbers.forEach((num, index) => {
    num.addEventListener('click', () => {
      const slideToShow = index + 1;
      showSlide(slideToShow);
      currentSlide = slideToShow; // 更新当前幻灯片索引
    });
  });
});
</script>
</head>
<body>
  <div class="body-wrapper">
    <section class="header">
      <div class="header-wrapper">
        <div class="logo">
          <a href="index.html" aria-current="page" class="w-inline-block w--current"><img src="images/header_logo.svg" loading="lazy" alt="" height="Auto" class="image-3"></a>
        </div>
        <div class="hero-text">
          <div class="highlight-dot"></div>
          <div>
            <p class="small-text-white">公告：MONO.OX分子麻将</p>
            <p class="small-text">北京快闪延期</p>
          </div>
        </div>
        <div id="w-node-_769a4e41-2c61-5765-c520-0fe0569ae171-569ae16a" data-w-id="769a4e41-2c61-5765-c520-0fe0569ae171" class="burger">
          <div class="hamburger-button">
            <div class="line-top"></div>
            <div class="line-middle"></div>
            <div class="line-bottom"></div>
          </div>
        </div>
      </div>
    </section>
    <div class="nav-menu-wrapper">
      <a href="brand.html" class="nav-menu-link-top w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">关于实验室</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="mahjong-product.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">MONO.OX分子麻将</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="products.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">周边产品</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="login.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu_icon"><img src="images/package_2_40dp_1D1D1D_FILL0_wght400_GRAD0_opsz40.svg" loading="lazy" alt=""></div>
            <div class="menu-main-text">样本持有人名单</div>
            <div class="sub-icon">
              <div class="basic-text-link">登记</div>
            </div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="shop.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">如何购买</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="collaboration.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">机构合作</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <a href="contact.html" class="nav-menu-link w-inline-block">
        <div class="div-menu-dec">
          <div class="menu-name">
            <div class="menu-main-text">联系&amp;订阅</div>
          </div>
          <div class="menu-dec-no-up">
            <div class="black-dot"></div>
          </div>
        </div>
      </a>
      <div class="menu-bottom">
        <div class="menu-bottom-left"></div>
        <div class="menu-bottom-right">
          <div class="icons-layout"><img src="images/self_improvement_40dp_7A7A7A_FILL0_wght400_GRAD0_opsz40.svg" loading="lazy" width="Auto" alt="" class="image-103"></div>
        </div>
      </div>
    </div>
    <section class="hero-section">
      <div data-delay="4000" data-animation="slide" class="slide-pc w-slider" data-autoplay="true" data-easing="ease" data-hide-arrows="true" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="5" data-duration="500" data-infinite="true">
        <div class="mask w-slider-mask">
          <div class="slide-2 w-slide"><img src="images/hero_pc.webp" loading="lazy" sizes="100vw" srcset="images/hero_pc-p-500.webp 500w, images/hero_pc-p-800.webp 800w, images/hero_pc-p-1080.webp 1080w, images/hero_pc-p-1600.webp 1600w, images/hero_pc.webp 1920w" alt="" class="slider-image"></div>
        </div>
        <div class="w-slider-arrow-left">
          <div class="w-icon-slider-left"></div>
        </div>
        <div class="w-slider-arrow-right">
          <div class="w-icon-slider-right"></div>
        </div>
        <div class="slide-nav-3 w-slider-nav w-round"></div>
      </div>
      <div data-delay="4000" data-animation="slide" class="slide-mobile w-slider" data-autoplay="true" data-easing="ease" data-hide-arrows="true" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="5" data-duration="500" data-infinite="true">
        <div class="w-slider-mask">
          <div class="w-slide"><img src="images/hero_mobile.webp" loading="lazy" sizes="100vw" srcset="images/hero_mobile-p-500.webp 500w, images/hero_mobile-p-800.webp 800w, images/hero_mobile.webp 1080w" alt="" class="slider-image"></div>
        </div>
        <div class="w-slider-arrow-left">
          <div class="w-icon-slider-left"></div>
        </div>
        <div class="w-slider-arrow-right">
          <div class="w-icon-slider-right"></div>
        </div>
        <div class="w-slider-nav w-round"></div>
      </div>
    </section>
    <section class="main-section">
      <div class="point-gap">
        <div class="grid-5-1">
          <div id="w-node-_5898d40c-0ed6-2f22-3c11-6feae4044b6a-38361fe7" class="standard-block">
            <div class="para-gap">
              <div class="invert"><img src="images/最终logo.svg" loading="lazy" width="Auto" height="150" alt=""></div>
            </div>
            <p class="h2">發Lab<br>是一间研究麻将进化形态<br>的实验室。</p>
            <p>通过考古未来文明的遗物，<br>推演世界将走向何方，<br>我们将成为什么。</p>
          </div>
          <div id="w-node-_8350a338-0a19-6bba-31c6-ad5758e834a1-38361fe7" class="standard-block"><img src="images/L10246172.webp" loading="lazy" sizes="100vw" srcset="images/L10246172-p-500.webp 500w, images/L10246172-p-800.webp 800w, images/L10246172.webp 900w" alt=""></div>
        </div>
      </div>
      <div class="point-gap">
        <div class="grid-5-1">
          <div id="w-node-_032bb927-ee00-93cd-41aa-d760c5f49b66-38361fe7" class="para-gap">
            <div>世界观</div>
          </div>
        </div>
        <div id="w-node-a5f49fff-9ce6-dfd0-5380-1b39731ff8a1-38361fe7" class="para-gap"><img src="images/postciv.svg" loading="lazy" alt=""></div>
        <div class="grid-5-1">
          <div id="w-node-b76d213f-f6ec-0144-bcaa-ebfa8e00e7e4-38361fe7" class="standard-block">
            <p class="h2">DC4739文明被逆时间发现，<br>大量形似麻将的化石出土，<br>發Lab因此成立，<br>对化石进行研究和复现。</p>
          </div>
        </div>
      </div>
      <div class="point-gap">
        <div class="card">
          <div class="card-title">
            <div id="w-node-_29278295-d31b-4a90-0846-631865ced0de-38361fe7" class="basic-text">发售预告</div>
          </div>
          <div class="card-content">
            <div class="center-align"><img src="images/MONO_sku.webp" loading="lazy" width="400" sizes="(max-width: 479px) 100vw, 400px" alt="" srcset="images/MONO_sku-p-500.webp 500w, images/MONO_sku-p-800.webp 800w, images/MONO_sku.webp 900w"></div>
            <div class="left-solidline">
              <div class="standard-block">
                <div class="para-gap">
                  <p class="basic-text">样本名称</p>
                  <p class="h2">MONO.OX_BEIJING</p>
                  <p class="p">分子麻将，套组</p>
                </div>
                <div class="para-gap">
                  <p class="basic-text">样本数量<br></p>
                  <p class="h2">299套</p>
                </div>
                <div>
                  <a href="mahjong-product.html" class="button-solid w-inline-block">
                    <div>了解样本详情</div>
                  </a>
                </div>
              </div>
            </div>
            <div id="w-node-eba9d8c4-aaf8-f85c-0f97-57effb00daff-38361fe7" class="left-solidline">
              <div class="standard-block">
                <div class="para-gap">
                  <p class="basic-text">发售日期</p>
                  <p class="h2">9月（延期），2025年</p>
                </div>
                <div class="para-gap">
                  <p class="basic-text">发售地点</p>
                  <p class="h2">王府中环，北京</p>
                </div>
                <p class="basic-text">*本次发售为线下发售。<br>发售细节详见官网后续发布的正式公告。</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="sub-section">
      <div class="point-gap">
        <div class="grid-5-1">
          <div id="w-node-cbc02ca6-fbcd-cc43-d004-528aa75e161c-38361fe7" class="para-gap">
            <div class="basic-text">最新展览</div>
          </div>
        </div>
        <div class="grid-5-1">
          <div id="w-node-cadcc601-ceed-074b-32f7-2b2afc7db5b1-38361fe7" class="para-gap"><img src="images/ds_logo.webp" loading="lazy" width="160" alt=""></div>
          <div id="w-node-_55fa07d5-f8b2-2c87-d1d5-532246754d36-38361fe7" class="standard-block">
            <p class="h2">發lab × 设计上海<br>6月4～7日, 2025<br>上海，中国</p>
            <p>發lab以Report NO.SH25-01为题，在设计上海2025向公众介绍了实验室近一年的研究工作和成果。现场首次展示了实验室首款复现的麻将制品MONO.OX，此外，两组正在实验中的麻将CL和Golden也被展出。</p>
          </div>
        </div>
      </div>
    </section>
    <div class="sub-section">
      <div class="point-gap">
        <div class="grid-5-1">
          <div id="w-node-c84f558b-29bf-bc93-ed01-1dfe2ab504d1-38361fe7" class="standard-block">
            <div class="para-gap">
              <div>独家代理</div>
            </div>
            <div class="para-gap"><img src="images/dp_logo.webp" loading="lazy" width="240" alt=""></div>
            <p class="h2">本实验室的科学成果，<br>由drivepro独家代理发行。</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="footer-content">
    <div class="footer-left">
      <p class="basic-text">©2025 發Lab <br>京ICP备2021014086号-3</p>
    </div>
    <div class="footer-right">
      <p>社交媒体<br>微信公众号 ｜ 小红书 </p>
    </div>
  </div>
  <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6746c68e6f85582138361fe0" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  <script src="js/webflow.js" type="text/javascript"></script>
</body>
</html>